<script setup>
// App.vue是uni-app的主组件，所有页面都是在App.vue下进行切换的
// 应用生命周期仅可在App.vue中监听，在其它页面监听无效

// onLaunch：应用初始化完成时触发（全局只触发一次）
// onShow：应用启动，或从后台进入前台显示
// onHide：应用从前台进入后台
import { onLaunch, onShow, onHide } from '@dcloudio/uni-app'

onLaunch(() => {
  console.log('App Launch')
  // 初始化本地存储数据
  // initLocalStorage()
})

onShow(() => {
  console.log('App Show')
})

onHide(() => {
  console.log('App Hide')
})

// // 初始化本地存储
// const initLocalStorage = () => {
//   // 检查是否第一次使用
//   const isFirstUse = uni.getStorageSync('isFirstUse')
//   if (!isFirstUse) {
//     // 初始化基础数据
//     uni.setStorageSync('isFirstUse', true)
//     uni.setStorageSync('quitDate', '')
//     uni.setStorageSync('checkinData', {})
//     uni.setStorageSync('smokingHistory', {
//       dailyCigarettes: 0,
//       pricePerPack: 0,
//       cigarettesPerPack: 20
//     })
//   }
// }
</script>

<style lang="scss">
page {
  background-color: #f8f8f8;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 通用样式类 */
.container {
  padding: 20rpx;
}

.card {
  background: #fff;
  border-radius: 16rpx;
  padding: 30rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20rpx 40rpx;
  border-radius: 50rpx;
  font-size: 28rpx;
  font-weight: 500;
  border: none;
  transition: all 0.3s ease;
}

.btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
}

.btn-success {
  background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
  color: #fff;
}

.btn-warning {
  background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
  color: #fff;
}

.text-center {
  text-align: center;
}

.text-primary {
  color: #667eea;
}

.text-success {
  color: #4facfe;
}

.text-warning {
  color: #fa709a;
}

.text-danger {
  color: #ff6b6b;
}

.mb-1 {
  margin-bottom: 10rpx;
}

.mb-2 {
  margin-bottom: 20rpx;
}

.mb-3 {
  margin-bottom: 30rpx;
}

.mt-1 {
  margin-top: 10rpx;
}

.mt-2 {
  margin-top: 20rpx;
}

.mt-3 {
  margin-top: 30rpx;
}
</style>